<script setup>
import NaturalGasProcessing from "../BottomComponents/NaturalGasProcessing.vue";
import NaturalGasTransfer from "../BottomComponents/NaturalGasTransfer.vue";
import Produce from "../BottomComponents/produce.vue";
</script>

<template>
  <div class="center">
    <NaturalGasProcessing />
    <NaturalGasTransfer />
    <Produce />
  </div>
</template>

<style lang="scss" scoped>
.center {
  width: calc(100% - 4.9876rem);
  height: calc((100% - 0.2083rem) / 3 - 1.5%);
  position: absolute;
  bottom: .1042rem;
  /* 20/192 */
  left: 50%;
  transform: translate(-50%);
  display: flex;
  justify-content: space-around;
}
</style>